<!doctype html>

<html lang="zh" xmlns:th="https://www.thymeleaf.org">
<head>
    <th:block th:include="include-front :: head(${keyWord+'—Dimple的个人博客'},'搜索')"/>
</head>

<body class="nobg">
<th:block th:replace="include-front :: header"/>

<!--内容区开始-->
<div class="container">
    <!--最新文章-->
    <section class="mysection">
        <h4 class="search-title bg-color"><i class="fa fa-search"></i>您查询的关键字： <font color="#DC4900"
                                                                                      th:text="${keyWord}"></font>

        </h4>
        <div class="arclist">
            <!--列表开始-->
            <ul>
                <li th:each="blog:${blogs.list}">
                    <div class="arcimg">
                        <img
                                th:src="${blog.headerImg}"
                                th:alt="${blog.title}" th:title="${blog.title}"/>
                    </div>
                    <div class="arc-right">
                        <h4 class="blue-text">
                            <a th:href="${'/f/article/'+blog.blogId+'.html'}"
                               th:title="${blog.title}"
                               th:text="${blog.title}">
                            </a>
                        </h4>
                        <p th:text="${blog.summary}"></p>
                        <ul>
                            <li>
                                <a th:title="${'ls2008'+#dates.format(blog.createTime, 'yyyy-MM-dd')+'发表'}">
                                    <i class="fa fa-clock-o"></i>
                                    <span th:text="${#dates.format(blog.createTime, 'yyyy-MM-dd')}"></span>
                                </a>
                            </li>
                            <li>
                                <a href="about.html" title="作者： ls2008"><i class="fa fa-user"></i>ls2008</a>
                            </li>
                            <li><a  th:title="${'已有'+blog.commentCount+'条评论'}"th:href="${'/f/article/'+blog.blogId+'.html#Comment'}">
                                <i class="fa-comments-o"></i>
                                <span th:text="${blog.commentCount}"></span>
                            </a>
                            </li>
                            <li><a th:title="${'已有'+blog.click+'次浏览'}"><i class="fa fa-eye"></i><span
                                    th:text="${blog.click}"></span></a></li>
                            <li>
                                <a th:href="${'/f/category/'+blog.categoryId+'.html'}" title="查看分类">
                                    <i class="fa fa-list-ul"></i>
                                    <span th:text="${blog.categoryTitle}"></span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
            <!--列表结束-->
        </div>
        <!--分页开始-->
        <div th:replace="navigation :: navigation(${blogs},'search',${keyWord})"></div>
        <!--分页结束-->
    </section>
    <!--左侧结束-->

    <th:block th:replace="include-front :: side"/>
</div>
<th:block th:replace="include-front :: footer"/>
</body>
</html>